<!DOCTYPE html>
<html>
<head>

	<title>棠记</title>
	<!-- for-mobile-apps -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Delicacies Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
    function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!-- //for-mobile-apps -->
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<!-- js -->
	<script src="js/jquery-1.11.1.min.js"></script>
	<!-- //js -->
	<!-- FlexSlider -->
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
	<script defer src="js/jquery.flexslider.js"></script>
	<script type="text/javascript">
        $(window).load(function(){
            $('.flexslider').flexslider({
                animation: "slide",
                start: function(slider){
                    $('body').removeClass('loading');
                }
            });
        });
	</script>
	<!-- //FlexSlider -->
	<link href='https://fonts.googleapis.com/css?family=Play:400,700' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Quicksand:400,300,700' rel='stylesheet' type='text/css'>
</head>

<body>
<div class="wrap">
	<audio  loop src="大碗宽面.mp3" id="audio" autoplay preload="auto">
		<!--<source  loop src="大碗宽面.mp3" id="audio" autoplay preload="auto">-->
		<!--<source  loop src="路过人间.mp3" id="audio" autoplay preload="auto">-->
	</audio>
</div>
<!-- banner -->
<div class="banner1">
	<div class="container">
		<div class="header-nav">
			<nav class="navbar navbar-default">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<div class="logo">
						<a class="navbar-brand" href="index.html">棠记甜品 <span style="size: 25px">TJ·DESSERT</span></a>
					</div>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li class="hvr-bounce-to-bottom active"><a href="index.html">首页</a></li>
						<!--<li class="hvr-bounce-to-bottom "><a href="about.html">产品中心</a></li>-->
						<!--<li class="hvr-bounce-to-bottom"><a href="typo.html">Codes</a></li>-->
						<!--<li class="hvr-bounce-to-bottom"><a href="menu.html">Menu</a></li>-->
						<li class="hvr-bounce-to-bottom"><a href="contact.html">联系我们</a></li>
					</ul>
				</div><!-- /.navbar-collapse -->
			</nav>
		</div>
	</div>
</div>
<!-- //banner -->
<!-- about -->
<div class="about">
	<div class="container">
		<div class="about-grids">
			<div class="col-md-4 about-grid">
				<h3>雪山杨枝甘露</h3>
				<img src="images/8.jpg" alt=" " class="img-responsive" />
				<p class="commodo">Enjoy the good time, Tang Ji dessert</p>
			</div>
			<div class="col-md-4 about-grid">
				<h3>波霸烤奶</h3>
				<img src="images/88.jpg" alt=" " class="img-responsive" />
				<p class="commodo">Enjoy the good time, Tang Ji dessert</p>

			</div>

			<div class="col-md-4 about-grid">
				<h3>芒果白雪黑糯米</h3>
				<img src="images/9.jpg" alt=" " class="img-responsive" />
				<p class="sint">Enjoy the good time, Tang Ji dessert</p>
			</div>
			<div class="clearfix"> </div>
		</div>
		<div class="about-grids">
			<div class="col-md-4 about-grid">
				<h3>芒果白雪凉粉</h3>
				<img src="images/77.jpg" alt=" " class="img-responsive" />
				<p>Enjoy the good time, Tang Ji dessert</p>
			</div>
			<div class="col-md-4 about-grid">
				<h3>白雪黑珍珠</h3>
				<img src="images/7.jpg" alt=" " class="img-responsive" />
				<p>Enjoy the good time, Tang Ji dessert</p>
			</div>
			<div class="col-md-4 about-grid">
				<h3>杨枝甘露</h3>
				<img src="images/99.jpg" alt=" " class="img-responsive" />
				<p class="sint">Enjoy the good time, Tang Ji dessert</p>
			</div>
			<div class="clearfix"> </div>
		</div>

		<div class="about-grids">
			<div class="col-md-4 about-grid">
				<h3>芒果西米露</h3>
				<img src="images/芒果西米露.bmp" alt=" " class="img-responsive" />
				<p>Enjoy the good time, Tang Ji dessert</p>
			</div>
			<div class="col-md-4 about-grid">
				<h3>鲜榨橙汁</h3>
				<img src="images/鲜榨橙汁).jpg" alt=" " class="img-responsive" />
				<p>Enjoy the good time, Tang Ji dessert</p>
			</div>
			<div class="col-md-4 about-grid">
				<h3>椰汁海底椰凉粉</h3>
				<img src="images/椰汁海底椰凉粉.jpg" alt=" " class="img-responsive" />
				<p class="sint">Enjoy the good time, Tang Ji dessert</p>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>

<!-- why-choose -->
<div class="why-choose">
	<div class="container">
		<h3>热门产品</h3>


		<div class="why-choose-grids">
			<div class="col-md-6 why-choose-grid">
				<div class="why-choose-grid-hover">
					<p>柠檬酸辣鸭爪</p>
				</div>
				<div class="why-choose-grds">
					<div class="col-xs-5 why-choose-grd">
						<img src="images/12.jpg" alt=" " class="img-responsive" />
					</div>
					<div class="col-xs-7 why-choose-grd-right">
						<h4>酸辣可口、爽口的柠檬鸭爪，让你在夏天有清凉的感觉</h4>
						<p>Enjoy the good time, Tang Ji dessert</p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="col-md-6 why-choose-grid">
				<div class="why-choose-grid-hover">
					<p>葡式蛋挞</p>
				</div>
				<div class="why-choose-grds">
					<div class="col-xs-5 why-choose-grd">
						<img src="images/13.jpg" alt=" " class="img-responsive" />
					</div>
					<div class="col-xs-7 why-choose-grd-right">
						<h4>香滑细腻，丝丝入喉，皮薄酥脆、柔情入口、浓郁入心</h4>
						<p>Enjoy the good time, Tang Ji dessert</p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="clearfix"> </div>
		</div>


		<div class="why-choose-grids">
			<div class="col-md-6 why-choose-grid"  >
				<div class="why-choose-grid-hover">
					<p>烤奶</p>
				</div>
				<div class="why-choose-grds">
					<div class="col-xs-5 why-choose-grd">
						<img src="images/88.jpg" alt=" " class="img-responsive" />
					</div>
					<div class="col-xs-7 why-choose-grd-right">
						<h4>带有微微的焦香风味，伴随着奶茶粉的香味，不一般的感觉</h4>
						<p>Enjoy the good time, Tang Ji dessert</p>
					</div>
				</div>

				<div class="clearfix"> </div>
			</div>
			<div class="col-md-6 why-choose-grid"  >
				<div class="why-choose-grid-hover">
					<p>老盐百香果</p>
				</div>
				<div class="why-choose-grds">
					<div class="col-xs-5 why-choose-grd">
						<img src="images/10.jpg" alt=" " class="img-responsive" />
					</div>
					<div class="col-xs-7 why-choose-grd-right">
						<h4>排毒养颜、缓解疲劳、促进代谢、生津润喉、提高免疫力</h4>
						<p>Enjoy the good time, Tang Ji dessert</p>
					</div>
				</div>
			</div>
			<div class="clearfix"> </div>
		</div>


		<div class="why-choose-grids">
			<div class="col-md-6 why-choose-grid" style="margin-top: 20px">
				<div class="why-choose-grid-hover">
					<p>清补凉</p>
				</div>
				<div class="why-choose-grds">
					<div class="col-xs-5 why-choose-grd">
						<img src="images/11.jpg" alt=" " class="img-responsive" />
					</div>
					<div class="col-xs-7 why-choose-grd-right">
						<h4>富含多种维生素、性质温和、清热解毒、润滑肠道、健脾、补肺、减少脂肪、美容</h4>
						<p>Enjoy the good time, Tang Ji dessert</p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="col-md-6 why-choose-grid" style="margin-top: 20px">
				<div class="why-choose-grid-hover">
					<p>芒果白雪黑糯米</p>
				</div>
				<div class="why-choose-grds">
					<div class="col-xs-5 why-choose-grd">
						<img src="images/9.jpg" alt=" " class="img-responsive" />
					</div>
					<div class="col-xs-7 why-choose-grd-right">
						<h4>软糯的糯米球，丝丝糯米香甜，配上浓郁的椰浆和冰激凌，再搭上果香浓郁的芒果，冰爽香甜，经典美味</h4>
						<p>Enjoy the good time, Tang Ji dessert</p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
</div>

<!-- //why-choose -->
<!-- testimonials -->
<div class="testimonials">
	<div class="container">
		<h3>员工风采</h3>
		<p class="aut">Remember the desserts, enjoy the delicious desserts, and use your heart to make every product with love, let you feel the warmth of love.</p>
		<!-- Slider-starts-Here -->
		<script src="js/responsiveslides.min.js"></script>
		<script>
            // You can also use "$(window).load(function() {"
            $(function () {
                // Slideshow 4
                $("#slider3").responsiveSlides({
                    auto: true,
                    pager: false,
                    nav: true,
                    speed: 500,
                    namespace: "callbacks",
                    before: function () {
                        $('.events').append("<li>before event fired.</li>");
                    },
                    after: function () {
                        $('.events').append("<li>after event fired.</li>");
                    }
                });

            });
		</script>
		<!--//End-slider-script -->
		<div  id="top" class="callbacks_container wow fadeInUp" data-wow-delay="0.5s">
			<ul class="rslides" id="slider3">
				<li>
					<div class="testimonials-grids">
						<div class="testimonials-grid-left">
							<img src="images/psb.jpg" alt=" " />
						</div>
						<div class="testimonials-grid-right">
							<p>司昌梅<span> 操作员</span></p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</li>
				<li>
					<div class="testimonials-grids">
						<div class="testimonials-grid-left">
							<img src="images/jj.png" alt=" " />
						</div>
						<div class="testimonials-grid-right">
							<p>陈涯<span> 操作员</span></p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</li>
				<li>
					<div class="testimonials-grids">
						<div class="testimonials-grid-left">
							<img src="images/4.png" alt=" " />
						</div>
						<div class="testimonials-grid-right">
							<p>陈郑游<span> 店长</span></p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</li>
			</ul>
		</div>
	</div>
</div>
<!-- //testimonials -->
<!--footer-->
<div class="footer">
	<div class="container">
		<div class="col-md-10 ftr_navi ftr">
			<h3>TJ·DESSERT</h3>
			<ul>
				<li><a href="index.html">首页</a></li>
				<!--<li><a href="menu.html">menu</a></li>-->
				<!--<li><a href="index.html">Services</a></li>						-->
				<!--<li><a href="about.html">产品中心</a></li>-->
				<li><a href="contact.html">联系我们</a></li>
			</ul>
			<h4 style="color: #FFFFFF;margin-top: 10px">加盟联系：13688856262</h4>
			<h4 style="color: #FFFFFF;margin-top: 10px">店铺地址：海棠湾龙海康喜龙酒店旁</h4>
			<h4 style="color: #FFFFFF;margin-top: 10px">Copyright &copy; 2019 一周科技所有</h4>
		</div>

	</div>
</div>
<!--footer-->
<!-- for bootstrap working -->
<script src="js/bootstrap.js"> </script>
<!-- //for bootstrap working -->
</body>
</html>